/*
* @Author: Administrator
* @Date:   2018-01-16 13:23:04
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-18 13:01:04
*/
const bgImage = require('../../static/image/bg.jpg')

const px10 = '0.625rem'
const px12 = '0.75rem'

const style = {
  container: {
    width: '100%',
    padding: px10,
  },
  paper: {
    width: '100%',
    paddingBottom: '1.875rem',
  },
  top: {
    width: '100%',
    display: 'flex',
    padding: '3.125rem 3.75rem',
    justifyContent: 'center',
    position: 'relative',
    flexDirection: 'column',
    alignItems: 'center',
  },
  bg: {
    background: `url(${bgImage}) center center`,
    position: 'absolute',
    left: '0',
    right: 0,
    top: 0,
    bottom: 0,
    zIndex: '0',
    '&::after': {
      content: '\'\'',
      display: 'block',
      position: 'absolute',
      left: '0',
      right: 0,
      top: 0,
      bottom: 0,
      background: 'rgba(0, 0, 0, 0.5)',
    },
  },
  avatar: {
    width: '4.375rem',
    height: '4.375rem',
    borderRadius: '50%',
    background: 'rgb(185,185,185)',
    zIndex: 55,
    display: 'flex',
    alignItems: 'center',
    justifyContent: 'center',
  },
  account: {
    color: '#fff',
    width: '1.875rem',
    height: '1.875rem',
    alignItems: 'center',
  },
  token: {
    width: '18.75rem',
    fontSize: px12,
    color: '#595959',
    margin: '3.125rem auto 0',
  },
  textField: {
    fontSize: px12,
    width: '100%',
    marginBottom: px12,
  },
  textLabel: {
    fontSize: '1rem',
  },
  input: {
    fontSize: '0.875rem',
    width: '100%',
    lineHeight: '1.5625rem',
  },
  loginBtn: {
    width: '18.75rem',
    fontSize: '1rem',
    margin: '0 auto',
    display: 'block',
  },
  tip: {
    marginTop: '1rem',
    zIndex: 999,
    color: '#ccc',
    fontSize: '0.875rem',
    fontWeight: '600',
  },
}
export default style
